{{template "admin/public/head.html" .}}
<section>
	<aside>
		{{template "admin/public/nav.html" .}}
	</aside>
	<article>
		<div class="top-title">
			<dl>
				<dt><h1>{{.title}}</h1></dt>
				<dd>&nbsp;</dd>
				<dd><a href="wood_help.html"><i class="iconfont">&#xe649;</i>帮助文档</a></dd>
			</dl>
		</div>
		<div class="content">
			<div class="release">
				<dl>
					<dt><i class="iconfont">&#xe649;</i> <b>{{.title}}说明</b><br>
						广告是显示在各个平台之上,不同频道的轮播图<br>
						<p>请在上传的时候选择好具体的平台和频道,名称可以用于管理员自己识别到底是哪个广告,<mark>链接请务必填写</mark>,不然广告点击无跳转,
							排序数值大的广告将优先显示,<mark>不可见的广告将不会在各个平台之间显示</mark></p>
						<a href="/admin/index/ad_help" target="view_window" style="color:#a87848">链接帮助</a>
					</dt>
				</dl>
				</div>
				<form action="" method="get" autocomplete="on" class="form">
				<table class="table1">
					<!-- 控制表格宽度  横向合并 colspan="1"  竖向合并 rowspan="3" -->
					<thead><th width="10%"></th><th width="15%"></th><th width="10%"></th><th width="15%"></th><th width="10%"></th><th width="15%"></th><th width="10%"></th><th width="15%"></th></thead>
					<tr>
						<td class="genre">广告名称</td>
						<td colspan="3">
							<input type="text" class="input95" placeholder="请输入广告名称!" name="name" value="{{.info.name}}">
						</td>
						<td class="genre">平台</td>
						<td colspan="3">
							<select class="select95" name="platform">
								{{range .platform}}
								<option value ="{{.id}}" {{if $.info}}{{if eq $.info.platform .id}}selected{{end}}{{end}}>{{.name}}</option>
								{{end}}
							</select>
						</td>
					</tr>
					<tr>
						<td class="genre">频道</td>
						<td colspan="3">
							<select class="select95" name="channel">
								{{range .channel}}
								<option value ="{{.id}}" {{if $.info}}{{if eq $.info.channel .id}}selected{{end}}{{end}}>{{.name}}</option>
								{{end}}
							</select>
						</td>
						<td class="genre">广告链接</td>
						<td colspan="3">
							<input type="text" class="input95" placeholder="请输入广告链接!" name="url" value="{{.info.url}}">
						</td>
					</tr>
					<tr>
						<td class="genre">状态</td>
						<td colspan="3">
							<label class="demo--label"><input class="demo--radio" type="radio" name="type" value="1" {{if .info}}{{if eq .info.type "1"}}checked{{end}}{{else}}checked{{end}}><span class="demo--radioInput"></span>可见</label>
							<label class="demo--label"><input class="demo--radio" type="radio" name="type" value="0" {{if .info}}{{if eq .info.type "0"}}checked{{end}}{{end}}><span class="demo--radioInput"></span>不可见</label>
						</td>
						<td class="genre">排序</td>
						<td colspan="3">
							<input type="text" class="input95" placeholder="请输入排序!" name="sort" value="{{.info.sort}}">
						</td>
					</tr>
					<tr>
						<td class="genre">缩略图</td>
						<td colspan="7">
							<div class="thumbnail">
								<dl><dt>
									<img src="{{if .info.pathname}}{{.info.pathname}}{{else}}/static/all/uppic.png{{ end }}" class="uppic">
									<input type="file" onchange="uppic(this,'ad')" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
									<input type="hidden" name="img" value="{{.info.img}}">
								</dt></dl>
<!--								<dd>缩略图</dd><dd>上传图片</dd>-->
							</div>
							<div style="font-size: 12px;color: #999">(图片尺寸600*200，PC端为750*300)</div>
						</td>
					</tr>
					<input type="hidden" name="id" value="{{.info.id}}">
					</form>
					<tr class="trbutton">
						<td colspan="2"><button type="button" class="button">保存</button></td>
						<td colspan="6">
							<p>
								<i class="iconfont">&#xe649;</i> 请检查内容确认发布的内容没有涉及传播谣言、政治话题或违反广告法夸大宣传产品等。
							</p>
							<div class="help">帮助
								<div class="help_qr"><img src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/all/qr-code.jpg" alt=""></div>
							</div>
						</td>
					</tr>
				</table>
		</div>
	</article>
</section>

<footer><!-- 系统监控内容 --></footer>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/js/jquery.jedate.min.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/js/toast.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/js/uppic.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/js/xcConfirm.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/js/app.js"></script>
<script>
	$('.button').click(function(){
		if (!$('input[name="img"]').val()){
			window.wxc.xcConfirm("请上传图片","info"); return false;
		}
		var form=$('form').serialize();
		$.ajax({
			url:window.location.href,
			data:form,
			type:'post',
			success:function(res){
				if(res==1){
					 window.wxc.xcConfirm("保存成功","success",{onClose:function(){
                        window.location.href = document.referrer
                    }})
				}else {
					 window.wxc.xcConfirm("保存失败,请重试!","error")
				}
			}
		})
	})
</script>
</body>
</html>
